<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
</head>

<style>
    * {
        margin: 0;
        padding: 0;
    }

    ul, ol {
        list-style: none;
    }

    body {
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
        sans-serif;
    }

    .tab-head {
        margin-left: 120px;
        margin-bottom: 10px;
    }

    .tab-content {
        clear: left;
        display: none;
    }

    h2 {
        border-bottom: solid #02aaf1 2px;
        width: 200px;
        height: 25px;
        margin: 0;
        float: left;
        text-align: center;
        font-size: 16px;
    }

    .selected {
        color: #FFFFFF;
        background-color: #02aaf1;
    }

    .show {
        clear: left;
        display: block;
    }

    .hidden {
        display: none;
    }

    .new-btn-login-sp {
        padding: 1px;
        display: inline-block;
        width: 75%;
    }

    .new-btn-login {
        background-color: #02aaf1;
        color: #FFFFFF;
        font-weight: bold;
        border: none;
        width: 100%;
        height: 30px;
        border-radius: 5px;
        font-size: 16px;
    }

    #main {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
    }

    .red-star {
        color: #f00;
        width: 10px;
        display: inline-block;
    }

    .null-star {
        color: #fff;
    }

    .content {
        margin-top: 5px;
    }

    .content dt {
        width: 100px;
        display: inline-block;
        float: left;
        margin-left: 20px;
        color: #666;
        font-size: 13px;
        margin-top: 8px;
    }

    .content dd {
        margin-left: 120px;
        margin-bottom: 5px;
    }

    .content dd input {
        width: 85%;
        height: 28px;
        border: 0;
        -webkit-border-radius: 0;
        -webkit-appearance: none;
    }

    #foot {
        margin-top: 10px;
        position: absolute;
        bottom: 15px;
        width: 100%;
    }

    .foot-ul {
        width: 100%;
    }

    .foot-ul li {
        width: 100%;
        text-align: center;
        color: #666;
    }

    .note-help {
        color: #999999;
        font-size: 12px;
        line-height: 130%;
        margin-top: 5px;
        width: 100%;
        display: block;
    }

    #btn-dd {
        margin: 20px;
        text-align: center;
    }

    .foot-ul {
        width: 100%;
    }

    .one_line {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #eeeeee;
        width: 100%;
        margin-left: 20px;
    }

    .am-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: box;
        width: 100%;
        position: relative;
        padding: 7px 0;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: #1D222D;
        height: 50px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        box-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        box-align: center;
    }

    .am-header h1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        box-flex: 1;
        line-height: 18px;
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        color: #fff;
    }
</style>

<body>
    <div style="width: 500px;height: 500px;margin-left: 30%;margin-top: 10%;">
        <img th:src="@{../img/testOne.jpg}"/>
        <form th:name="alipayment" th:action="@{/payment/goAliPay}" th:method="post">
            <div th:id="body1" th:class="show" th:name="divcontent">
                <dl th:class="content">
                    <dt>用户ID ：</dt>
                    <dd>
                        <input th:id="merchantUserId" th:name="merchantUserId" />
                    </dd>
                    <hr th:class="one_line"/>
                    <dt>订单ID ：</dt>
                    <dd>
                        <input th:id="merchantOrderId" th:name="merchantOrderId" />
                    </dd>
                    <hr th:class="one_line"/>
                    <!--                <dt>付款金额 ：</dt>-->
                    <!--                <dd>-->
                    <!--                    <input th:id="WIDtotal_amount" th:name="WIDtotal_amount" />-->
                    <!--                </dd>-->
                    <!--                <hr th:class="one_line">-->
                    <!--                <dt>商品描述：</dt>-->
                    <!--                <dd>-->
                    <!--                    <input th:id="WIDbody" th:name="WIDbody" />-->
                    <!--                </dd>-->
                    <!--                <hr th:class="one_line">-->
                    <dt></dt>
                    <dd th:id="btn-dd">
                    <span th:class="new-btn-login-sp">
                        <button th:class="new-btn-login" th:type="submit" style="text-align: center;">付 款</button>
                    </span>
                        <span th:class="note-help">如果您点击“付款”按钮，即表示您同意该次的执行操作。</span>
                    </dd>
                </dl>
            </div>
        </form>
    </div>

</body>
</html>